.rankDetail
  height 100%
  width 100%
  position fixed
  .rank_top
    position relative
    .rank_top_header
      text-align center
      height 50px
      line-height 50px
      font-size 20px
      position fixed
      top 0
      left 0
      width 100%
      z-index 2
      //background-color black
      .iconfont
        position  absolute
        left 10px
        color #fff
        font-size 24px
        font-weight bold
        margin-left 10px
        transform rotate(-180deg)
      span
        color #fff
        font-size 18px
    .bg
      height 260px
      width 100%
      background-size cover
      position relative
      z-index -1
      box-sizing border-box
      &.fixed
        display none
        z-index 1
        height 50px
        position fixed
        top 0
        left 0
        width 100%
      .mask
        background black
        opacity 0.3
        height 100%
        width 100%
        position absolute
        top 0
        left 0
    .play_btn
      position absolute
      bottom 20px
      border-radius 30px
      width 100px
      text-align center
      left 50%
      padding 8px 14px
      transform translateX(-50%)
      background #31c27c
      .iconfont
        color #fff
        font-size 20px
        vertical-align top
      span
        color #fff
        font-size 16px
        margin-left 8px
  .rank_list
    height calc(100% - 260px)
    .scroll_wrapper
      overflow visible
    .rank_item_wrapper
      background-color #F8F8FF
      padding 20px
      box-sizing border-box
    .rank_title
      font-size 16px
      margin-bottom 10px
    .list_item
      margin-bottom 10px
      &:nth-child(2)
        .list_index
          color: #FFA500
      &:nth-child(3)
        .list_index
          color: #FF7F50
      &:nth-child(4)
        .list_index
          color: #FF7F00
      .list_index
        display inline-block
        width 8%
      .list_info
        display inline-block
        width 92%
        vertical-align middle
        p
          line-height 24px
          overflow hidden
          white-space: nowrap
          text-overflow: ellipsis